@import '@/mixins/theme/xTheme.scss';
.footer {
	position: fixed;
	border-top: 1px solid #AAA;
	width:100%;
	display: flex;
	align-items: center;
	justify-content: center;
	bottom: 2px;
}
.header_img {
	width: 100%;
	position: absolute;
	top: 0;
	left: 0;
	height: 320rpx;
	background: $x-theme-card-background;
	z-index: -1;
}
.tabs{
	width: 100%;
	height: 100rpx;
	box-shadow: 0 0 20rpx rgba(0, 0, 0, 0.3);
	position: fixed;
	top: 0;
	left: 0;
	z-index: 9999;
	display: flex;
	background-color: #fff;
	align-items: center;
	justify-content: space-between;
	padding: 0 90rpx;
	color: #ccc;
}
.tabs_item{
	height: 100%;
	line-height: 100rpx;
	position: relative;
}
.current{
	color: #333;
}
.current::after{
	width: 56rpx;
	height: 4rpx;
	background: $x-theme-color;
	position: absolute;
	bottom: 0;
	left: calc( 50% - 28rpx );
	display: block;
	content: '';
}

.linear_bg{
	background-image: linear-gradient(to right,#d9d8fb, #6A65CF);
}
.fff{
	background-color: #fff;
}